@import "base.less";

body {
  background-color: #f7f7f7;
}

// search
.search {
  margin: 2.6667vw 0;
  position: relative;
  background-color: transparent;
  .searchForm {
    form {
      width: 100%;
      display: flex;
      position: relative;
      button {
        width: 18.6667vw;
        height: 8.5333vw;
        height: 8.5333vw;
        font-size: 3.7333vw;
        border-radius: 0 1.3333vw 1.3333vw 0;
        background: #fa2209;
        color: #fff;
        border: none;
      }
      input {
        font-size: 3.7333vw;
        flex: 1;
        padding-left: 8vw;
        border-radius: 1.3333vw 0 0 1.3333vw;
      }
      .iconfont {
        font-size: 3.7333vw;
        position: absolute;
        left: 2.6667vw;
        top: calc(50% - 2.1333vw);
      }
    }
  }
}

// 搜索提示
.searchResult {
  background-color: #fff;
  position: fixed;
  left: 2.6667vw;
  right: 2.6667vw;
  top: 25.0667vw;
  box-shadow: 0 0 1.0667vw rgba(0, 0, 0, 0.2);
  border-radius: 0 0.8vw 0.8vw 0;
  ul {
    display: none;
    li {
      position: relative;
      padding-left: 4vw;
      border-top: 1px solid #efefef;
      &:after {
        width: 1.0667vw;
        height: 1.0667vw;
        content: "";
        position: absolute;
        left: 1.3333vw;
        top: calc(50% - 0.5333vw);
        background-color: #666;
        border-radius: 100%;
      }
      a {
        display: block;
        line-height: 10.6667vw;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
  p {
    display: none;
    text-align: center;
    line-height: 26.6667vw;
  }
}
.recentSearch {
  margin-top: 6.6667vw;
  display: none;
  .recentSearchTop {
    .flex;
    span {
      font-size: 3.7333vw;
    }
    a {
      .fontSize;
      padding: 1.0667vw;
      .iconfont {
        .fontSize;
        font-size: 3.7333vw;
      }
    }
  }
  .rSearchCont {
    margin-top: 3.6667vw;
    .flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    a {
      .fontSize;
      width: 30%;
      margin: 0 1.5%;
      height: 8vw;
      line-height: 8vw;
      background-color: #fff;
      text-align: center;
      border-radius: 2.6667vw;
      margin-bottom: 3.7333vw;
      display: block;
    }
  }
}
